@charset "utf-8";
@import "common";
body{
    background:#fff;
}
.shopcart-con{
    width:990px;
    margin:0 auto;
}
/*购物车头部*/
.cart_top{
    margin-top:10px;
    @include clearfix();
    a{
        color:#e4393c;
        font-size:16px;
        height:37px;
        float:left;
        font-weight:900;
        border-bottom:1px solid $bodycolor;
    }
}
/*购物车订单*/
.cart_order{
    padding-bottom:30px;
    .cart_thead{
        height:32px;
        line-height:32px;
        padding:5px 0;
        margin-bottom:10px;
        border:1px solid #e9e9e9;
        background: #f3f3f3;
        .column{
            float:left;
            font-size:$fontclassone;
            color:$color;
        }
        .t_checkbox{
            height: 18px;
            line-height: 18px;
            padding-top: 7px;
            width: 122px;
            padding-left: 11px;
        }
        .t_goods{
            width:208px;
        }
        .t_prarms{
            width: 80px;
            height: 32px;
            padding: 0 20px
        }
        .t_prices{
            width: 120px;
            padding-right: 40px;
            text-align: right;
        }
        .t_num{
            width: 80px;
            text-align: center;
        }
        .t_sum{
            width: 100px;
            padding-right: 40px;
            text-align: right;
        }
        .t_action{
            width:75px;
        }
    }
    .cart_item{
        .nogoods{
            height:300px;
            line-height:300px;
            text-align:center;
            color:#333;
            i{
                font-size:100px!important;
                color:$bodycolor;
            }
        }
//购物车一条具体记录的详细样式
        .cart_item_list{
            min-height: 300px;
            _height:300px;
            .cart_content{
                height:121px;
                background:#fff4e8;
                margin:10px 0;
                font-size:$fontclassone;
                color:$color;
                .cart_con{
                    float:left;
                    padding:15px 15px 0 0;
                }
                .goods_check{
                    padding:20px 17px 0 15px;
                }
                .goods_content01{
                    img{
                        width:80px;
                        height:80px;
                    }
                }
                .goods_content02{
                    p{
                        width:201px;
                        height:20px;
                        line-height:20px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    .backgoods{
                        color:#007FFF;
                    }
                }
                .goods_content03{
                    width:160px;
                }
                .goods_content04{
                    width:70px;
                }
                .goods_content05{
                    margin-right:50px;
                    u{
                        float:left;
                        height:20px;
                        width:17px;
                        border:1px solid #ccc;
                        font-size:$fontclassone;
                        color:#ccc;
                        background:#f0f0f0;
                        text-align:center;
                        line-height:20px;
                        cursor: pointer;
                    }
                    p{
                        span{
                            color:$color;
                            padding:0 15px 0 7px;
                        }
                        font-size:$fontclassone;
                        color:#ccc;
                    }
                    #cart_goodsnumber{
                        color:$color;
                        width:42px;
                        background:#fff;
                    }
                }
                .goods_content06{
                    margin-right:20px;
                }
                .goods_content07{
                    color:$color;
                }
            }
        }
    }
    .calculate{
        height: 50px;
        border: 1px solid #f0f0f0;
        background: #fff;
        position: relative;
        .t_checkbox{
            float:left;
            height: 50px;
            line-height: 50px;
            font-size:12px;
            color:#666;
        }
        .cal_del{
            @extend .t_checkbox;
            padding:0 20px;
        }
        .cal_sum{
            float:right;
            p{
                float:left;
                padding:0 20px;
                @extend .t_checkbox;
                span{
                    font-size:18px;
                    color:$bodycolor;
                    font-weight:900;
                }
            }
            a{
                float:left;
                width: 96px;
                height: 52px;
                background:url(../img/shopcart/cal.png) no-repeat center;
                text-align:center;
                line-height:52px;
            }
        }
    }
}
